<template>
	<view>
		<u-navbar title="退回余额" placeholder :autoBack="true" leftIconColor="#E6A5B4" bgColor="#FFFFFF"
			:titleStyle="titleStyle">
		</u-navbar>
		<view class="titleV">
			<text class="titleTv1">可退金额</text>
			<text class="titleTv2">222</text>
		</view>
		<view class="amountV">
			<text class="amountTv1">退回金额</text>
			<view class="amountBg">
				<text class="amountTv2">2</text>
				<input placeholder="请输入金额" />
				<text class="amountTv3">全部退回</text>
			</view>
			<view class="amountTv4">退回到余额</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titleStyle: {
					"color": "#ffffff"
				},
			}
		},
		methods: {

		}
	}
</script>

<style>
	.titleV {
		display: flex;
		flex-direction: column;
	}

	.titleTv1 {
		color: #fff;
	}

	.titleTv2 {
		color: #fff;
	}

	.amountV {}

	.amountTv1 {
		color: #fff;
	}

	.amountBg {
		display: flex;
		align-items: center;
	}

	.amountTv2 {
		color: #fff;
	}

	.amountTv3 {
		color: #fff;
	}

	.amountTv4 {
		color: #fff;
	}
</style>